{extend name="./tpl/default/mobile/public/layout.html" /}
{block name="header"}
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/anli.css">
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/gonglv.css">
<style>

    .am-thumbnail-caption{
        text-align: center;
    }
    p{
        padding: 0 2px;
    }
    .list-paddingleft-2{padding-left: 0;}

</style>
{/block}
{block name="head"}
<style>
    #zist .pinaz {width:24vw;height: 24vw;background-size: cover;background-repeat: no-repeat;;background-position: center center; }
    .geli p img{max-width: 100%; }
</style>
<div class="am-g" style=" overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;height: 34px;">
    <div class="am-u-sm-10">
        <span class="icon iconfont icon-xiangzuojiantou" onclick="history.back(-1)"></span>
    </div>
    <!--<div class="am-u-sm-2">
        <span class="icon iconfont icon-sousuo"></span>
        <span class="icon iconfont icon-gouwuche"></span>
    </div>-->
</div>
<hr style="border:1px solid #e0e0e0;margin: 0px;">
{/block}
{block name="body"}
<div class="am-g">
    <div class="am-u-sm-12" style="padding-left: 0px;">
        <img src="{$info.thumb}" alt="" style="width:100vw;height:200px;"/>
    </div>
</div>
<div class="gonglv_xq">
    <h2 style="text-align:left;padding:10px;margin: 25px 0;">{$info.title}</h2>
    <h3 style="margin: 5px 0px;font-size: 14px;color: #989898; font-weight: 100; border-top:1px solid #9898998; padding:0 10px;">发布时间：{$info.create_time|date='y/m/d',###}</h3>

    <!--轮播图-->


    <div style="height:8px; background:#eeeeee; margin:20px 0;"></div>
    <div  class="geli"style="padding:0 10px;">{$info.content}</div>
    <div style="height:8px; background:#eeeeee;"></div>
    <div style="text-align: center;height: 44px;line-height: 44px;border-bottom: 1px solid #ccc;">推荐阅读</div>
    <div class="am-g" style="margin-top: 10px;overflow: hidden;text-align: center;">
        {volist name=":cms_list(0,$currentCat['mid'],$currentCat['cid'])" id="vo"}
        <div class="am-g" style="border-bottom:1px solid #d1d1d1;margin:0px;padding: 10px;">
            <div class="am-u-sm-4" id="zist">
                <a href="{$vo.url}">
                    <div class="pinaz" style="background-image:url('{$vo.thumb}')"></div>
                </a>
            </div>
            <div class="am-u-sm-8" style="padding-top: 10px;">
                <div class="am-g">
                    <div class="am-u-sm-12">
                        <a href="{$vo.url}">
                            <h3 style="margin: 0px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{$vo.title}</h3>
                        </a>
                    </div>
                    <div class="am-u-sm-12" style=" overflow: hidden;height:55px;text-align: left;">
                        <a href="{$vo.url}">
                            {$vo.description}
                        </a>
                    </div>
                </div>
            </div>
        </div>
        {/volist}
    </div>

</div>
{/block}
